body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
body{ font: 12px "Arial","\5b8b\4f53"; color: #333; position: relative; background: #fff; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
textarea{ resize: none; }
#head{ width: 100%; height: 29px; margin: 0px auto; border-bottom: 1px solid #f6f6f6; }
#head div{ width: 970px; height: 29px; margin: 0px auto; }
#head div p{ display: block; float: left; line-height: 29px; color: #999999; }
#head div p a{ text-decoration: none; color: #254ca9; margin: 0px 5px; }
#head div span{ display: block; float: right; line-height: 29px; color: #eeeeee; }
#head div span a{ text-decoration: none; color: #999999; margin: 0px 8px; }
#head div a:hover{ color: #ff6600; }
#top{ width: 970px; height: 82px; margin: 0px auto; }
#top img{ display: block; float: left; padding: 15px 72px 21px 0; background: url(../images/Offer/2012offerindex.png) no-repeat 100% 11px; }
#top a.free{ display: block; float: right; line-height: 32px; text-decoration: none; color: #797979; padding: 0px 10px; margin: 25px 0 0 0; }
.searchBar{ width:433px; height: 30px; border: 1px solid #b2b4bd; border-right: 0px; display: block; float: right; margin: 25px 0 0 0; position: relative;background:url(../images/company/2012companyindex.png) no-repeat -435px -100px; z-index:9999; }
.searchBar p{ width: 65px; height: 21px; line-height: 21px; display: block; position: absolute; top: 5px; left: 3px; border-right: 1px solid #d8e4ef; padding: 0px 0 0 5px; background: url(../images/shop/2012shopindex.png) no-repeat -440px -104px; }
.searchBar p a{ text-decoration: none; color: #333333; width: 65px; height: 21px; float: left; }
.searchBar input.text{ width: 190px; height: 21px; display: block; position: absolute; top: 5px; left:70px; font: normal 14px/21px "Arial","\5b8b\4f53"; border: 0px; color: #666666; }
.searchBar select { FLOAT: left; display: inline; width:73px; font: normal 12px/28px "Tahoma", '闂備浇顕уù鐑藉箠閹炬椿鏁勯柛鏇ㄥ幘缁€濠囨煥閻曞倹瀚�'; color: #868a8f; background: aqua; }
DIV.selectbox-wrapper { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 70px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #fff; float: left; text-align: left; position: absolute; top: 32px; left: 0px; z-index: 9999; }
.selectbox { border: none; DISPLAY: block; width:65px; CURSOR: pointer; padding-top: 8px; position:absolute; top:0; left:0; font: normal 14px/18px "Arial","\5b8b\4f53"; color: #6d6d6d; background:url(../images/company/2012offerindex.png) no-repeat -462px -100px; padding-left:8px; }
DIV.selectbox-wrapper UL LI { WIDTH:63px; CURSOR: pointer; LINE-HEIGHT: 15px; PADDING: 3px 0 3px 7px; text-align: left; }
.searchBar button{ width: 83px; height: 32px; display: block; position:absolute; top:0; right:0; margin-top:-1px;border: 0px; cursor: pointer; background: url(../images/shop/2012shopindex.png) no-repeat 0 -100px; }
DIV.selectbox-wrapper UL LI.selected { BACKGROUND-COLOR: #f1e2ce; }
DIV.selectbox-wrapper UL LI.current { COLOR: #fff; BACKGROUND-COLOR: #dab373; }
#menu{ width: 100%; height: 45px; margin: 0px auto; background: url(../images/Offer/2012offerindex.png) repeat-x 0 -130px; }
#menu div{ width: 970px; height: 45px; margin: 0px auto; position: relative; }
#menu div p{ width: 214px; height: 45px; display: block; position: absolute; top: 0px; background: url(../images/Offer/2012offerindex.png) no-repeat 0px -180px; line-height: 0px; font-size: 0px; overflow: hidden; }
#menu ul{ width: 746px; display: block; position: absolute; top: 9px; right: 0px; z-index: 2; }
#menu ul li{ display: block; float: left; background: url(../images/Offer/2012offerindex.png) no-repeat 100% -192px; }
#menu ul li.nobg{ background: none; }
#menu ul li a{ display: block; float: left; height: 31px; padding: 0px 10px 0 8px; font: normal 14px/32px "\5b8b\4f53"; text-decoration: none; color: #fff; }
#menu a:hover{ text-decoration: underline; }
#menu b{ display: block; width: 25px; height: 18px; position: absolute; top: -3px; left: 300px; z-index: 3; background: url(../images/Offer/2012offerindex.png) no-repeat -102px -107px; }
.offertop{ width: 970px; margin: 0px auto 0; }
.offertopleft{ width: 214px; float: left; }
.offertopleft ul{ width: 214px; float: left; border-left: 1px solid #e1e1e1; z-index: 1; background: url(../images/Offer/offertopleft.jpg) repeat-y 0 0; }
.offertopleft ul li{ width: 190px; height: 44px; float: left; padding: 9px 7px 2px 11px; border-bottom: 1px dotted #c5c5c5; }
.offertopleft ul li.libg{ background: #f1f1f1; }
.offertopleft ul li b{ width: 190px; height: 20px; display: block; float: left; overflow: hidden; line-height: 20px; text-indent: 31px; background: url(../images/Offer/2012offerindex.png) no-repeat 0 -372px; }
.offertopleft ul li b.f2{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -428px; }
.offertopleft ul li b.f3{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -484px; }
.offertopleft ul li b.f4{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -540px; }
.offertopleft ul li b.f5{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -596px; }
.offertopleft ul li b.f6{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -652px; }
.offertopleft ul li b.f7{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -708px; }
.offertopleft ul li b.f8{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -764px; }
.offertopleft ul li b a{ text-decoration: none; color: #333333; }
.offertopleft ul li p{ width: 190px; height: 20px; display: block; float: left; overflow: hidden; line-height: 20px; text-indent: -3px; }
.offertopleft ul li p a{ text-decoration: none; color: #636363; margin: 0px 3px; }
.offertopleft ul li a:hover{ color: #ff6600; }
.offertopleft span{ width: 214px; height: 5px; display: block; float: left; overflow: hidden; margin-top: -1px; z-index: 2; background: url(../images/Offer/2012offerindex.png) no-repeat -107px -276px; }
.offertopcen{ width: 493px; float: left; padding: 11px 9px 0 6px; }
.slider { position: relative; width: 493px; height: 210px; float: left; overflow: hidden; }
.slider img{ width: 493px; height: 210px; position: absolute; z-index: 0; }
.slider .num { z-index: 2; position: absolute; right: 10px; top: 182px; width: 216px; height: 19px; }
.slider .num li { float: right; display: inline; width: 19px; height: 19px; font: normal 12px/19px "Tahoma"; margin-left: 3px; text-align: center; color: #f1f1f1; cursor: pointer; background: #c2c2c2; }
.slider .num li.current { background-color: #737373; font-weight: bold; color: #fff; font-size: 12px; }
.slider .bg { z-index: 1; position: absolute; right: 10px; top: 182px; width: 216px; height: 19px; }
.slider .bg li { float: right; display: inline; width: 19px; height: 19px; font: normal 12px/19px "Tahoma"; margin-left: 3px; background-color: #c2c2c2; text-align: center; color: #595959; font-size: 0; }
.offertopcen p{ width: 492px; height: 67px; display: block; float: left; margin: 10px 0 0 0; border: 1px solid #d6d6d6; border-right: 0px; }
.offertopcen p img{ width: 122px; height: 67px; display: block; float: left; border-right: 1px solid #d6d6d6; }
.offertopcentitle{ width: 493px; height: 23px; float: left; position: relative; margin-top: 10px; border-bottom: 1px solid #e6e6e6; }
.offertopcentitle h3{ width: 71px; height: 17px; display: block; position: absolute; top: 0px; left: 10px; font-size: 0px; line-height: 0px; overflow: hidden; background: url(../images/Offer/2012offerindex.png) no-repeat -91px -102px; }
.offertopcentitle a.left{ width: 16px; height: 16px; display: block; position: absolute; top: 2px; right: 17px; background: url(../images/Offer/2012offerindex.png) no-repeat -173px -102px; }
.offertopcentitle a.right{ width: 16px; height: 16px; display: block; position: absolute; top: 2px; right: 0px; background: url(../images/Offer/2012offerindex.png) no-repeat -190px -102px; }
ul.offerchoose{ width: 493px; display: block; float: left; padding: 7px 0 0 0; }
ul.offerchoose li{ width: 246px; height: 22px; display: block; float: left; font: normal 12px/22px "\5b8b\4f53"; overflow: hidden; text-indent: 10px; }
ul.offerchoose li a{ text-decoration: none; color: #333333; }
ul.offerchoose li a.list{ text-decoration: none; color: #254ca9; margin-right: 8px; }
ul.offerchoose li a:hover{ color: #ff6600; }
.offertopright{ width: 247px; float: right; padding: 11px 0 0 0; }
.offertopright span{ width: 247px; height: 35px; display: block; float: left; position: relative; background: url(../images/Offer/2012offerindex.png) no-repeat 0 -228px; }
ul.data{ width: 245px; display: block; float: left; padding: 10px 0; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
ul.data li{ height: 25px; font: normal 12px/25px "\5b8b\4f53"; overflow: hidden; text-indent: 10px; }
ul.data li a b{ font: bold 12px "Tahoma"; color: #ff6600; }
ul.data li a{ text-decoration: none; color: #333; }
ul.data li a.list{ text-decoration: none; color: #888888; margin-right: 5px; }
ul.data li a:hover{ color: #ff6600; }
.offertoprightbox{ width: 247px; height: 231px; float: left; position: relative; background: #e8e8e8; }
.offertoprightbox h3{ display: block; position: absolute; left: 17px; color: #333333; font: bold 14px/36px "\5b8b\4f53"; }
.offertoprightbox b{ width: 76px; position: absolute; top: 17px; right: 10px; border-top: 1px solid #888888; }
.offertoprightbox ul{ width: 222px; position: absolute; top: 34px; left: 13px; }
.offertoprightbox ul li{ width: 109px; display: block; padding: 1px; float: left; }
.offertoprightbox ul li img{ width: 109px; height: 81px; display: block; float: left; }
.offertoprightbox p{ width: 222px; height: 20px; position: absolute; left: 13px; bottom: 5px; line-height: 20px; overflow: hidden; text-indent: 9px; background: url(../images/Offer/2012offerindex.png) no-repeat -496px -301px; }
.offertoprightbox p a{ text-decoration: none; color: #333333; }
.offertoprightbox p a:hover{ color: #ff6600; }
ul.banner-adv{ width: 978px; margin: 4px auto 0 auto; display: block; }
ul.banner-adv li{ list-style: none; display: block; float: left; padding: 0px 4px; }
ul.banner-adv li img,ul.banner-adv li object{ display: block; float: left; }
.offermain{ width: 970px; margin: 8px auto; border-top: 2px solid #223397; }
.offermaintitle{ width: 968px; height: 35px; display: block; float: left; position: relative; border: 1px solid #c3cbe8; border-top: 0px; background: #f7fcff; }
.offermaintitle h3{ width: 102px; height: 20px; display: block; position: absolute; top: 7px; left: 10px; font-size: 0px; line-height: 0px; overflow: hidden; background: url(../images/Offer/2012offerindex.png) no-repeat 0 -267px; }
.offermaintitle h3.merchants{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -290px; }
.offermaintitle h3.invite{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -313px; }
.offermaintitle h3.transfer{ background: url(../images/Offer/2012offerindex.png) no-repeat 0 -336px; width: 155px; }
.offermaintitle p{ width: 770px; display: block; position: absolute; right: 0px; text-align: right; }
.offermaintitle p a{ width: 95px; height: 35px; display: inline-block; text-align: center; font: normal 14px/35px "\5b8b\4f53"; text-decoration: none; color: #333333; background: url(../images/Offer/2012offerindex.png) no-repeat 0 -806px; border-bottom: 1px solid #c3cbe8; }
.offermaintitle p a.hot{ width: 95px; height: 35px; display: inline-block; text-align: center; font: normal 14px/35px "\5b8b\4f53"; text-decoration: none; color: #333; background: white url(../images/Offer/2012offerindex.png) no-repeat 0 -806px; border-bottom: 1px solid #fff; }
.offermaintitle span{ display: block; line-height: 35px; text-align: center; color: #888888; position: absolute; top: 0px; right: 5px; }
.offermaintitle span a{ text-decoration: none; color: #444444; margin: 0 8px; }
.offermaintitle span a:hover{ color: #ff6600; }
.offermaintitle b{ width: 60px; height: 34px; display: block; position: absolute; top: 0px; left: 286px; font: normal 12px/34px "\5b8b\4f53"; text-indent: 25px; color: #565656; background: url(../images/Offer/2012offerindex.png) no-repeat 100% -343px; }
.offermaintitle strong{ display: block; font: normal 12px/34px "\5b8b\4f53"; position: absolute; top: 0px; right: 10px; width: 605px; overflow: hidden; height: 34px; }
.offermaintitle strong a{ text-decoration: none; color: #444444; margin: 0 10px; }
.offermaintitle strong a:hover{ color: #ff6600; }
.offermainbox{ width: 970px; display: block; overflow: hidden; }
.offermainbox b{ width: 1px; height: 247px; display: block; float: left; overflow: hidden; background: url(../images/Offer/2012offerindex.png) no-repeat -442px -411px; }
.offermainbox b.mleft{ height: 504px; background: url(../images/Offer/2012offerindex.png) no-repeat -446px -411px; }
.offermainbox b.mright{ height: 504px; background: url(../images/Offer/2012offerindex.png) no-repeat -446px -411px; float: right; margin-top: -392px; }
.offermainbox span{ width: 13px; height: 227px; margin-top: 10px; display: block; float: left; overflow: hidden; background: url(../images/Offer/2012offerindex.png) no-repeat -488px -491px; }
.offerlist{ width: 475px; float: left; padding-top: 13px; }
.offerlisttitle{ width: 475px; height: 21px; float: left; position: relative; background: url(../images/Offer/2012offerindex.png) no-repeat -473px -266px; }
.offerlisttitle1{ width: 475px; height: 21px; float: left; position: relative;}
.offerlisttitle h3{ width: 176px; height: 21px; position: absolute; top: 0px; left: 27px; }
.offerlisttitle h3.new{ background: none; }
.offerlisttitle h3 a{ width: 88px; height: 21px; display: inline-block; text-align: center; text-decoration: none; color: #888888; font: bold 14px/21px "Microsoft Yahei"; }
.offerlisttitle h3 a.hot{ color: white; background: url(../images/Offer/2012offerindex.png) no-repeat -228px -192px; }
.offerlisttitle a.more{ display: block; position: absolute; top: 0px; right: 10px; font: normal 12px/21px "\5b8b\4f53"; text-decoration: none; color: #254ca9; }
.offerlisttitle1 a.more{ display: block; position: absolute; top: 0px; right: 10px; font: normal 12px/21px "\5b8b\4f53"; text-decoration: none; color: #254ca9; }
.offerlist dl{ width: 475px; float: left; padding: 10px 0 0 0; }
.offerlist dl dt{ width: 170px; height: 22px; line-height: 22px; float: left; overflow: hidden; text-indent: 26px; background: url(../images/Offer/2012offerindex.png) no-repeat -479px -400px; }
.offerlist dl dd{ width: 60px; height: 22px; padding: 0 5px 0 0; line-height: 22px; text-align: right; float: left; overflow: hidden; color: #254ca9; }
.offerlist dl dt a{ text-decoration: none; color: #333333; }
.offerlist dl dt a:hover{ color: #ff6600; }
.offerlist dl.newlist dt{ width: 190px; }
.offerlist dl.newlist dd{ width: 40px; font: normal 12px/22px "Tahoma"; color: #888888; }
ul.madvlist{ width: 948px; float: left; padding: 10px 10px 10px 10px; }
ul.madvlist li{ width: 146px; float: left; display: inline; margin: 5px; border: 1px solid #dbe5ec; }
ul.madvlist li div{ width: 138px; float: left; padding: 4px 4px 0 4px; }
ul.madvlist li div img{ width: 138px; height: 80px; display: block; float: left; }
ul.madvlist li div p{ width: 138px; height: 20px; display: block; float: left; text-align: center; margin-top: 8px; overflow: hidden; }
ul.madvlist li div p a{ text-decoration: none; color: #444444; }
ul.madvlist li div p a:hover{ color: #ff6600; }
ul.madvbotlist{ width: 475px; float: left; }
ul.madvbotlist li{ width: 237px; height: 22px; font: normal 12px/22px "\5b8b\4f53"; float: left; overflow: hidden; text-indent: 15px; }
ul.madvbotlist li a{ text-decoration: none; color: #333333; }
ul.madvbotlist li a.list{ text-decoration: none; color: #ff6600; margin-right: 8px; }
ul.madvbotlist.agent li a.list{ text-decoration: none; color: #254ca9; margin-right: 8px; }
ul.madvbotlist li a:hover{ text-decoration: underline; color: #ff0000; }
.transferbox{ width: 961px; float: left; padding: 12px 0px 0 7px; }
.transfermain{ width: 312px; float: left; }
.transfertop{ width: 312px; height: 21px; float: left; position: relative; background: url(../images/Offer/2012offerindex.png) no-repeat -483px -266px; }
.transfertop h3{ width: 176px; height: 21px; position: absolute; top: 0px; left: 17px; }
.transfertop h3 a{ width: 88px; height: 21px; display: inline-block; text-align: center; text-decoration: none; color: #888888; font: bold 14px/21px "Microsoft Yahei"; }
.transfertop h3 a.hot{ color: white; background: url(../images/Offer/2012offerindex.png) no-repeat -228px -192px; }
.transfertop a.more{ display: block; position: absolute; top: 0px; right: 10px; font: normal 12px/21px "\5b8b\4f53"; text-decoration: none; color: #254ca9; }
.transfermain ul{ width: 306px; float: left; padding: 10px 3px 0 3px; }
.transfermain ul li{ width: 96px; float: left; padding: 3px 3px 0 3px; }
.transfermain ul li img{ width: 96px; height: 81px; display: block; float: left; }
.transfermain ul li p{ width: 96px; height: 20px; display: block; float: left; text-align: center; overflow: hidden; margin: 8px 0 0 0; }
.transfermain ul li p a{ text-decoration: none; color: #333333; }
.transfermain ul li p a:hover{ color: #ff6600; }
.transfermain dl{ width: 306px; float: left; padding: 0px 3px; }
.transfermain dl dt{ width: 235px; height: 22px; line-height: 22px; display: block; float: left; overflow: hidden; text-indent: 20px; background: url(../images/Offer/2012offerindex.png) no-repeat -486px -399px; }
.transfermain dl dt a{ text-decoration: none; color: #333333; }
.transfermain dl dt a:hover{ color: #ff6600; }
.transfermain dl dd{ width: 60px; height: 22px; font: normal 12px/22px "Tahoma"; display: block; float: right; color: #888888; }
.transferbox em{ width: 8px; height: 217px; margin-top: 10px; display: block; float: left; overflow: hidden; background: url(../images/Offer/2012offerindex.png) no-repeat -493px -491px; }
.gotop{ width: 46px; height: 46px; background: url(../images/Offer/2012offerindex.png) no-repeat -258px -220px; }
.gotop a{ width: 46px; height: 46px; display: block; float: left; }
#footer{ width: 100%; height: 402px; margin: 8px auto 0; border-top: 4px solid #223397; text-align: center; font: normal 12px/24px "Tahoma", "\5b8b\4f53"; background: url(../images/shop/footbg.jpg) no-repeat center -83px; color: #818181; }
#footer p{ width: 968px; display: block; margin: 20px auto 0; text-align: center; padding: 12px 0 10px 0; border: 1px solid #e6e6e6; background: #fff; font: normal 14px "Tahoma", "\5b8b\4f53"; color: #000000; }
#footer span{ display: block; margin: 20px auto 12px auto; text-align: center; font: normal 14px "Tahoma", "\5b8b\4f53"; color: #000000; }
#footer p a{ text-decoration: none; color: black; margin: 0px 8px; }
#footer p a:hover{ color: #ff6600; }
#footer strong{ padding: 0px 15px; }
#footer b{ font: normal 12px "Tahoma"; }
#footer img{ vertical-align: middle; margin-left: 5px; }
#footer ul{ width: 480px; display: block; margin: 15px auto 0; }
#footer ul li{ display: block; float: left; padding: 0px 4px; }
#footer ul li a{ width: 112px; height: 47px; display: block; float: left; background: #fff url(../images/shop/footbg.jpg) no-repeat -1px -9px; }
#footer ul li a.bg1{ background: #fff url(../images/shop/footbg.jpg) no-repeat -122px -9px; }
#footer ul li a.bg2{ background: #fff url(../images/shop/footbg.jpg) no-repeat -243px -9px; }
#footer ul li a.bg3{ background: #fff url(../images/shop/footbg.jpg) no-repeat -364px -9px; }